
<div class="easyui-layout" data-options="fit:true" style="margin:5px">
    <!-- Begin of toolbar -->
    <div data-options="region:'center',border:false">
    <!-- Begin of 工具条 -->
    <div id="buttons-toolbar" style="margin:5px">
    	<@shiro.hasRole name="sootry">
        <div>
        	<a href="javascript:;" class="easyui-linkbutton" iconCls="icon-add" onclick="openAddButtons()" plain="false">添加</a>
            <a href="javascript:;" class="easyui-linkbutton" iconCls="icon-edit" onclick="openEditButtons()" plain="false">修改</a>
            <a href="javascript:;" class="easyui-linkbutton" iconCls="icon-remove" onclick="removeButtons()" plain="false">删除</a>
        </div>
        </@shiro.hasRole>   
    </div>
    <!-- end of 工具条-->
	<table id="buttons-datagrid"  ></table>
    </div>
</div>
<!-- Begin of 新增、编辑 -->
<div id="buttons-dialog" class="easyui-dialog" data-options="closed:true,iconCls:'icon-save'" style="width:400px; padding:10px;">
	<form id="buttons-form" method="post">
        <table>
            <tr>
                <td width="100" align="right">按钮名称:</td>
                <td><input data-options="required:true" type="text" name="name" class="easyui-textbox" /></td>
            </tr>
            <tr>
                <td align="right">权限名称:</td>
                <td><input data-options="required:true" type="text" name="method" class="easyui-textbox" /></td>
            </tr>
            <tr>
                <td align="right">备注:</td>
                <td><input data-options="required:true" type="text" name="remark" class="easyui-textbox" /></td>
            </tr>
        </table>
        <input type="hidden" id="pid" name="btnId"/>
    </form>
</div>
<!-- End of 新增、编辑 -->
<script type="text/javascript">

	$(function(){
	})
	/**
	*  删除记录
	*/
	function removeButtons(){
		var items = $('#buttons-datagrid').datagrid('getSelections');
		if(items.length >0){
			$.messager.confirm('信息提示','确定要删除该按钮？', function(result){
				if(result){
					$.ajax({
						url:'buttons/editButtons',
						data:{"btnId":items[0].btnId,"status":"1"},
						success:function(data){
							if(data){
								$('#buttons-datagrid').datagrid('reload'); 	
							}
							else
							{
								$.messager.alert('信息提示','删除失败！','info');		
							}
						}	
					});
				}	
			});
		}else{
			$.messager.alert('信息提示','请至少选择一条记录！','info');		
		}
	}
	
	/**
	*  打开添加窗口
	*/
	function openAddButtons(){
		$('#buttons-form').form('clear');
		var node = $('#buttons-datagrid').datagrid('getSelected');
		if(node){
			$("#pid").val(node.btnId);
		}else{
			//不选中默认添加根节点
			$("#pid").val(0);
		}
			
			$('#buttons-dialog').dialog({
				closed: false,
				modal:true,
	            title: "按钮新增",
	            buttons: [{
	                text: '确定',
	                iconCls: 'icon-ok',
	                handler:addButtons
	            }, {
	                text: '取消',
	                iconCls: 'icon-cancel',
	                handler: function () {
	                    $('#buttons-dialog').dialog('close');                    
	                }
	            }]
	        });
// 		}else{
// 			$.messager.alert('信息提示','请选择一个父节点！','info');
// 		}
	}
	
	/**
	* 用户 打开修改窗口
	*/
	function openEditButtons(){
		$('#buttons-form').form('clear');
		var item = $('#buttons-datagrid').datagrid('getSelected');
		if(item){
			//加载表单数据
			$('#buttons-form').form('load', "buttons/getButtonsById?uid="+item.btnId);
			$('#buttons-dialog').dialog({
				closed: false,
				modal:true,
	            title: "按钮修改",
	            buttons: [{
	                text: '确定',
	                iconCls: 'icon-ok',
	                handler: editButtons
	            }, {
	                text: '取消',
	                iconCls: 'icon-cancel',
	                handler: function () {
	                    $('#buttons-dialog').dialog('close');                    
	                }
	            }]
	        });
		}else{
			$.messager.alert('信息提示','请选中一条记录进行修改！','info');	
		}
		
	}	
	
	
	/**
	*  添加记录
	*curId 当前选中节点id
	*/
	function addButtons(){
		$('#buttons-form').form('submit', {
			url:'buttons/addButtons',
			success:function(data){
				if(data){
					$.messager.alert('信息提示','提交成功！','info');
					$('#buttons-dialog').dialog('close');
					$('#buttons-datagrid').datagrid('reload');  
				}
				else
				{
					$.messager.alert('信息提示','提交失败！','info');
				}
			}
		});
	}
	
	/**
	*  修改记录
	*/
	function editButtons(){
		$('#buttons-form').form('submit', {
			url:'buttons/editButtons',
			success:function(data){
				if(data){
					$.messager.alert('信息提示','提交成功！','info');
					$('#buttons-dialog').dialog('close');
					$('#buttons-datagrid').datagrid('reload');  
				}
				else
				{
					$.messager.alert('信息提示','提交失败！','info');
				}
			}
		});
	}
	
	
	/**
	* 载入数据
	*/
	$("#buttons-datagrid").datagrid({
		url:'buttons/buttonsGrid',
		toolbar: "#buttons-toolbar",
		rownumbers: true,
		singleSelect:true,
		fit:true,
		columns:[[
			{ field:'name',title:'名称',width:300},
			{ field:'method',title:'权限',width:200},
			{ field:'remark',title:'备注',width:200}
		]]
	});
	
</script>
